/**
 * axios封装
 * 请求拦截、相应拦截、错误统一处理=
 */
import { ElLoading, ElMessageBox } from 'element-plus'
import axios from 'axios'
import store from '@/store'
import router from '@/router'
import { removeToken } from '@/utils/auth'
// console.log(import.meta.env.VITE_API_URL)
const API_ROOT = import.meta.env.VITE_API_URL


const instance = axios.create({ // 创建axios实例
  timeout: 10000, // 设置超时时间10s
  baseURL: API_ROOT // 请求配置静态文件config/config.js dev模式下为 api 走代理模式
})
var loading = null
// 设置默认请求头
instance.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'

// 跨域允许携带cookie
instance.defaults.withCredentials = true

// 请求拦截器
instance.interceptors.request.use(
  request => {
    // 在发送请求前验证token 并添加token请求头
    // if (getToken()) request.headers['token'] = getToken()
    loading = ElLoading.service({
        lock: false,
        text: 'Loading',
        background: 'rgba(0, 0, 0, 0.7)',
    })
    if (request.method === 'get') { // 添加时间戳参数，防止浏览器（IE）对get请求的缓存
      request.params = {
        ...request.params,
        t: new Date().getTime()

      }
    }
    if (store.state.token) request.headers['Authorization'] = 'Bearer ' + store.state.token
    return request
  },
  error => {
    return error
  }
)

// 响应拦截
instance.interceptors.response.use(
  response => {
    loading.close()

    const code = response.data.code
    const status = response.status
    
    // 1002:非法令牌和令牌过期 5012:其他客户端登录  6005 登录过期
    if (code === 400) {
      ElMessageBox.alert(response.data.message, '提醒', {
        // if you want to disable its autofocus
        // autofocus: false,
        confirmButtonText: '确定',
        cancelButtonText: '取消'
      })
      return
    } 


    // 如果返回的状态码为200，说明接口请求成功，可以正常拿到数据
    if (status === 200) { // 请求成功
      return Promise.resolve(response.data)
    } else { // 错误的请求  抛出错误
      return Promise.reject(response)
    }
  },

  error => {
    if (code === 400) {
      ElMessageBox.alert(response.data.message, '提醒', {
        // if you want to disable its autofocus
        // autofocus: false,
        confirmButtonText: '确定',
        cancelButtonText: '取消'
      })
      return
    } 
    if(error.response.status === 401){
      removeToken()
      router.push({name:"login"})
      ElMessageBox.alert('登录失效，重新登录', '提醒', {
        // if you want to disable its autofocus
        // autofocus: false,
        confirmButtonText: '确定',
        cancelButtonText: '取消'
      })

    }
    closeToast()
    
    if (error.response) {
      // 根据请求失败的http状态码去给用户相应的提示
      
      return Promise.reject(error)
    } else {
      console.error(`请求错误${error}`)
      return Promise.reject(new Error('请求超时, 请刷新重试'))
    }
  }

)

/**
 * get方法，对应get请求
 * @param {String} url [请求的url地址]
 * @param {Object} params [请求时携带的参数]
 */
export function get (url, params) {
  return new Promise((resolve, reject) => {
    instance.get(url, {
      params: params
    }).then(res => {
      resolve(res.data)
    }).catch(err => {
      reject(err.data)
    })
  })
}

/**
 * post方法，对应post请求
 * @param {String} url [请求的url地址]
 * @param {Object} params [请求时携带的参数]
 */
export function post (url, params) {
  return new Promise((resolve, reject) => {
    instance.post(url, params)
      .then(res => {
        resolve(res.data)
      })
      .catch(err => {
        reject(err.data)
      })
  })
}

/**
 * post方法，对应post请求
 * @param {String} url [请求的url地址]
 * @param {Object} params [请求时携带的参数]
 */
export function uploadFile (url, params) {
  let instance = axios.create({ // 创建axios实例
    timeout: 10000, // 设置超时时间10s
    baseURL: url // 请求配置静态文件config/config.js dev模式下为 api 走代理模式
  })
  return new Promise((resolve, reject) => {
    instance.defaults.headers.post['Content-Type'] = 'multipart/form-data'
    instance.post('/', params)
      .then(res => {
        resolve(res)
      })
      .catch(err => {
        reject(err.data)
      })
  })
}
